body{
    background-color: #fafafa;
}

header .layui-nav{
    display: flex;
    justify-content: space-between;
    background-color: #57abff;
}

header .layui-nav .headerTitle{
    font-size: 24px;
}

header .layui-nav dl{
    color: #c4c5c9;
    cursor: pointer;
    font-size: 14px;
}

header .layui-nav .userface{
    background-color: rgb(80, 79, 79);
    padding:10px 12px;
    border-radius: 20px;
    color: #fff;
}

header .layui-nav dl dd:hover{
    padding:0 10px;
    background-color: #eee;
}

.settings{
    width: 500px;
    margin: 10px auto;
}

.settings .nickname,.settings .city,.settings .email{
    display: flex;
    align-items: center;
}

.settings .nickname .layui-input,.settings .city .layui-input,.settings .email .layui-input{
    width: 440px;
    margin-left: 20px;
}

.settings .gender input{
    margin-left: 20px;
}

.settings .sign textarea{
    width: 100%;
    resize: none;
}
